iT邦幫忙

2024 iThome 鐵人賽

DAY 9
0
自我挑戰組

Web Franework -SASS/SCSS系列 第 9

Day 9 - 循環操作程式碼實作2(成功!!!)

  • 分享至 

  • xImage
  •  

#成功生成最終的CSS

.button-primary-1{
    background-color: #3498db;
    font-size: 18px;
    padding: 5px;
    border-radius: 4px;
    color: white;
}

.button-primary-2{
    background-color: #3498db;
    font-size: 22px;
    padding: 10px;
    border-radius: 4px;
    color: white;
}

.button-primary-3{
    background-color: #3498db;
    font-size: 26px;
    padding: 15px;
    border-radius: 4px;
    color: white;
}

.button-secondary-1{
    background-color: #2ecc71;
    font-size: 18px;
    padding: 5px;
    border-radius: 4px;
    color: white;
}

.button-secondary-2{
    background-color: #2ecc71;
    font-size: 22px;
    padding: 10px;
    border-radius: 4px;
    color: white;
}

.button-secondary-3{
    background-color: #2ecc71;
    font-size: 26px;
    padding: 15px;
    border-radius: 4px;
    color: white;
}

.button-danger-1{
    background-color: #e74c3c;
    font-size: 18px;
    padding: 5px;
    border-radius: 4px;
    color: white;
}

.button-danger-2{
    background-color: #e74c3c;
    font-size: 22px;
    padding: 10px;
    border-radius: 4px;
    color: white;
}

.button-danger-3{
    background-color: #e74c3c;
    font-size: 26px;
    padding: 15px;
    border-radius: 4px;
    color: white;
}

犯了一個低級的錯誤,我搞混了&跟$,導致我的程式碼無法運行。
加油!!!


上一篇
Day 8 - 循環操作程式碼實作1(失敗 檢查錯誤中)
下一篇
Day 10 - SASS輸出風格
系列文
Web Franework -SASS/SCSS26
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言